<template>
  <div class="content">
    <el-card class="box-card">
      <el-calendar v-model="data_value">
          <template
            slot="dateCell"
            slot-scope="{date, data}">
            <p :class="data.isSelected ? 'is-selected' : ''">
            {{ data.day.split('-').slice(2).join('-') }} {{ data.isSelected ? '√' : ''}}
            </p>
        </template>
      </el-calendar>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'home_index',
  data () {
    return {
        data_value:new Date()
    }
  },
  methods:{
  }
}
</script>

<style>

</style>